<template>
	<view class="content">
		<view class="imgBox">
			<image src="../../static/goMain.png"></image>
		</view>
		<view class="text">
			<view class="title1">Hi!</view>
			<view class="t1">我的小作家</view>
			<view class="t1">要给我讲讲你的生活吗</view>
			<view class="title1">...</view>
		</view>
		<view class="btnBox">
			<button @click="toLogin">登录账户></button>
			<button @click="toRegister">注册账户></button>
		</view>
	</view>
</template>

<script lang="ts" setup>
	const toLogin = ()=>{
		uni.navigateTo({
			url:'/pages/login/login'
		})
	}
	const toRegister = () =>{
		uni.navigateTo({
			url:"/pages/register/register"
		})
	}
</script>

<style lang="scss" scoped>
	.content{
		background-color:#fff2bd;
		width: 100vw;
		height: 100vh;
		display: flex;
		align-content: center;
		flex-direction: column;
	}
	.imgBox{
		margin-top: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		image{
			width: 400rpx;
			height: 400rpx;
		}
	}
	.text{
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #85784b;
		.title1{
			font-weight: 800;
			font-size: 47rpx;
			margin-bottom: 20rpx;
		}
		.t1{
			font-size: 30rpx;
			font-weight: 600;
		}
	}
	.btnBox{
		margin-top: 200rpx;
		button{
			width: 400rpx;
			margin-bottom: 20rpx;
			background-color: #ffe061;
			color: white;
			font-weight: 700;
			border: unset;
			border-radius: 40rpx;
		}
	}
</style>
